import { createI18n } from 'vue-i18n/dist/vue-i18n.esm-bundler'
import EN from './en'
import ZH from './zh'
// 定义数据源
const messages = {
  en: {
    ...EN
  },
  zh: {
    ...ZH
  }
}

// 设置语言
const getCurrentLanguage = () => {
  // 刚登陆首先是获取从浏览器中的语言
  const UAlang = navigator.language // zh-CN
  // 判断获取的语言是中文还是英文
  const langCode = UAlang.indexOf('zh') !== -1 ? 'zh' : 'en'
  // 存储获取的语言
  localStorage.setItem('lang', langCode)
  return langCode
}

// 创建i18n
const i18n = createI18n({
  // 因为使用组合式api,设置如下
  legacy: false,
  // 使用全局t函数，设置如下
  globalInjection: true,
  // 获取语言 同时保险起见 给个中文
  locale: getCurrentLanguage() || 'zh',
  // 数据源
  messages: messages
})

// 导出
export default i18n
